// 引入Vue
import Vue from 'vue';
// 引入Vuex
import Vuex from 'vuex';

// 1 : 安装插件
Vue.use(Vuex);

const store = new Vuex.Store({

  //    保存状态的仓库
  state: {
    banners: [],

    recommends: [],

    goods: {
      //流行   当前的页数  总共请求的数据存放的地点
      'pop': {page: 0, list: []},
      //新款
      'new': {page: 0, list: []},
      // 精选
      'sell': {page: 0, list: []},
    },
  },
  //    使用mutations 来修改state里面的数据 , 来实现跟踪
  mutations: {

    addValue(state, data) {
      state.banners = data.banner.list;
      state.recommends = data.recommend.list;
    },
    addData(state, information) {
      // console.log("数据是 : " + information.usertype);
      state.goods[information.usertype].list.push(...information.userdata);
      //  修改当前访问的页数
      state.goods[information.usertype].page += 1;

    }
  },
  //数据的计算属性 , 可以对数据进行操作 , 并返回到用户
  getters: {},
  actions: {},
  modules: {}

});

// 3 : 导出 Vuex
export default store;
